import styled from "styled-components";

import NoteTab from "./NoteTab";
import NotePad from "./NotePad";
import { useState } from "react";
import { Category } from "@material-ui/icons";
import { ThemeProvider } from "@material-ui/core/styles";
import { tabstheme } from "themes";

const Note = () => {
  const NoteWrapper = styled.div`
    display: flex;
    flex-direction: column;
    height: 100vh;
  `;
  return (
    <NoteWrapper>
     
      <NoteTab />
     
      <NotePad />
    
    </NoteWrapper>
  );
};

export default Note;
